*{ padding: 0; margin: 0; text-decoration: none; list-style: none; outline: none;}
body{ font-family:"微软雅黑","黑体","宋体";}
a{ direction: none; color:#333;}
table{direction:none;}


/*pages*/
.pagination-wrapper{
margin: 40px 0;
}
.pagination{
height: 34px;
text-align: center;
}
.pagination li {
display: inline-block;
height: 32px;
line-height: 32px;
margin-right: 5px;
border: 1px solid #dddddd;
padding: 0 12px;
text-decoration: none;
}
.pagination li a{
 display:inline;
display: block;
font-size: 16px;
color: #555555;

}
.pagination li a:hover{
color:#2b6fa7;
}
.pagination li.thisclass {
background: #2b6fa7;
color: #fff;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
text-decoration: none;
}
.pagination li.thisclass a,.paginatio1 li.thisclass a:hover{
background: transparent;
border-color: #2b6fa7;
color: #fff;
cursor: default;
}
/*top*/
header{ width:100%; height:120px; background-color:rgba(255,255,255,0.8); z-index:999; position:fixed;}
header #logo{ width:18%; float:left; margin-top:20px; margin-left:2%;}
header #logo img{ max-width:100%; max-height: 120px;}

nav{ width:55%; float:left; margin-left:2%; margin-right:2%;}
nav ul li{ float:left; width:12.5%; line-height:120px; text-align:center;}
nav ul li a{ width:100%; height:auto; color:#212121; font-size:16px; display:block; }
nav ul li:hover,nav ul li.on a{ background:rgba(1,81,158,1); color:#fff;}
nav ul li:hover a{ color:#fff;}

nav dl{width:100%; height:260px;  position: fixed;left:0px; box-sizing: border-box; display: none;}
nav dl .dlpic{position: absolute;width:100%; }
nav dl dd{ float:left; width:12.5%;background:rgba(0,0,0,0.75); padding-bottom:20px; line-height: 40px !important;}
nav dl dd .flpic{width:90%; overflow: hidden;margin-top:10%;margin-left:5%;}
nav dl dd img{ width:100%;  height: auto; transition:1s;}
nav dl dd:hover img{ transform: scale(1.2);}
nav dl dd p{ font-size:14px; color:#fff; height: 45px; line-height: 45px; overflow: hidden;} 
nav dl dd:hover{ background:rgba(1,81,158,1);}
nav ul li dl a::after{ display: none;}
nav ul li:hover dl{ display: block;}

.topTel{ float:right; width:18%; margin-top:30px;}
.topTel img{width:50px; height:50px; float:left; margin-right:10px; }
.topTel p{ font-size:15px; color:#666; margin-bottom:5px;}
.topTel b{ font-size:24px; color:#dc0000; display:block;}
header .btn{ display: none;}


/* banner */
.banner{ position: relative;top:0px; left:0px; z-index:1;z-index: 1; }
.banner .swiper-container {
    width: 100%;
    height: 100%;
  }
.banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 100%;
    height: 100%;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

.banner .swiper-slide img{ width:100%;}

.banner .swiper-button-next{ width:50px; height: 80px; background:rgba(255,255,255,0.45); color:#01519e; transition:0.5s; border-radius: 3px; opacity: 0;}
.banner .swiper-button-prev{ width:50px; height: 80px; background:rgba(255,255,255,0.45); color:#01519e;transition:0.5s;border-radius: 3px; opacity:0;}
.banner .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
.banner .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}
.banner:hover .swiper-button-next{ opacity: 1;}
.banner:hover .swiper-button-prev{opacity: 1;}


/* product */
.product{ width:100%;}
.pubCon{ width:1400px; margin: 0 auto;}
.pubTit{ width:100%; text-align: center; margin-top:60px;}
.proNav{ width:100%; margin-top:30px; overflow:hidden;}
.proNav ul li{ width:23%; float:left; text-align: center; line-height: 45px; height: 45px; border:1px solid #01519e; margin-right:1.7%; margin-bottom:15px; border-radius:5px; transition:0.5s;}
.proNav ul li a{ color:#01519e; width:100%; display: block;}
.proNav ul li:nth-child(4n){ margin-right:0px; }
.proNav ul li:hover{ background:#01519e;}
.proNav ul li:hover a{ color:#fff;}

.proList{ width:100%; overflow:hidden;margin-top:30px;}
.proList ul{width:100%; }
.proList ul li{ width:23%; height:auto;  float:left; margin-right:2.6%; margin-bottom:35px; overflow:hidden; text-align:center; position: relative;}
.proList ul li:nth-child(4n){ margin-right:0px;}
.proList ul li .propic{ width:100%; height:227px; overflow:hidden; }
.proList ul li .propic img{ display:block; width:100%; transition:0.5s; min-height:227px;}
.proList ul li:hover .propic img{ transform:scale(1.1);}
.prozhe{ position: absolute; top:0px; left:0px; transform: scale(0); transition:0.75s; width:100%; height: 227px; overflow: hidden;}
.prozhe img{ width:100%;}
.proList ul li:hover .prozhe{ transform: scale(1);}
.proList ul li h4{ height:48px; background:#ddd; font-size:17px; color:#333; font-weight:500; text-align:center; line-height:48px; width:100%; transition:0.5s;}
.proList ul li:hover h4{ background:#01519e; color:#fff;}
#marquee2{ width:100%; overflow:hidden;}





/*about*/
.about{ width:100%; height:850px; overflow:hidden; margin-top:50px; position:relative;}
.shipinbj{ width:100%; position:absolute; z-index:1;}
.zheshi{ width:100%; height:850px; background:rgba(0,0,0,0.35); position:absolute; top:0px;}
.video{ width:100%; height: 850px;}

.show_sj{ display:none !important; background:url(../images/visible-sj.jpg) no-repeat center; width:100%; height: 640px; }


.about .pubTit{ position: relative; top:0px; z-index: 9;}
.about .abCon{position:absolute; z-index:99; top:0px;}
.abLeft{ width:1400px; float:left; color:#fff;font-size:17px; line-height:40px; text-align:center; text-align:justify; text-indent:2em;}

.abLeft img{ width:100%; margin-top:8px;}
.abLeft h1{ font-size:20px; color:#fff; display:inline-block;}

.abLeft ul{ margin-top:20px;}
.abLeft ul li{ width:25%; text-align:center; float:left;}
.abLeft ul li i img{ transition:0.5s;}
.abLeft ul li:hover i img{transform:rotatey(180deg);}
.abLeft ul li b{ width:100%; text-align:center; display:inline-block; margin-top:10px; color:#fff; font-weight: 500;}
.abLeft ul li:hover b{ color:#dc0000;}


/*shuzi*/
.fl_listbox{background:#01519e; width:100%; position:absolute;bottom:0px;}
.fl_list{ position: relative; z-index: 10; height:120px; margin:0 auto;}
.fl_list .fl_item{ position: relative; font-size: 18px; display: block; height: 100%; float: left; width:25%; text-align: center; background: #FFF;}

.fl_list .fl_item .li_box{ border-right: 1px #1f9d9a solid; }
.fl_list .fl_item:nth-child(4n) .li_box{ border-right:none;}
.fl_list .fl_item:nth-of-type(2n){ background-color:#01519e; }
.fl_list .fl_item:nth-of-type(2n) p{color:#fff; }
.fl_list .fl_item:after{ content:''; display: block; margin-top: 100%;} 
.fl_list .fl_tit a{ position: relative; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 10%;}

.fl_list .fl_item:hover .fl_tit a p{ opacity: 0; color: #FFF;}
.fl_list .fl_item .img{ width: 210px; display: block; margin: 0 auto; margin-bottom: 20px; overflow: hidden; position: relative;}
.fl_list .fl_item .img img{ width: 200px; display: block; height: 160px; transition: 0.3s all; padding:3px;}
.fl_list .fl_item:nth-of-type(1){ background:#01519e; }
.fl_list .fl_item:nth-of-type(7){ background:#01519e; }
.fl_list .fl_item:nth-of-type(3){  background:#01519e; }
.fl_list .fl_item:nth-of-type(5){  background:#01519e; }

/*数字*/
.fl_tit{ margin:8px 0; font-size:45px;margin-top:15px;}
.fl_tit ul li:nth-child(4) {border-right-style: none;}
.fl_titx .li_box{padding-top: 20px;}
.fl_tit .div1 .span1{font-size: 45px;color: #fff;font-family: 'impact';}
.fl_tit .div1 .span3{font-size: 24px;color: #fff;font-family: "impact";}
.fl_tit .div2 .span2{font-size: 18px;color: #fff; display:block;}


/* case */
.case{ width:100%;}
.casepic{ width:100%; height: auto; overflow: hidden;}
.case .swiper-slide .casepic img{ width:100%;transition:0.5s;}
.case .swiper-slide:hover .casepic img{ transform: scale(1.1);}
.case .swiper-container{ margin-top:30px;}

.case .swiper-button-next{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#01519e; transition:0.5s; border-radius: 3px;}
.case .swiper-button-prev{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#01519e;transition:0.5s;border-radius: 3px;}
.case .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
.case .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}
.case .swiper-slide h4{ width:100%; height:45px; line-height: 45px; background:#01519e; text-align: center; color:#fff; font-size:16px; font-weight: 500; margin-top:-5px;}


/*youshi*/
.advantages{ width:100%; height:896px; background:url(../images/adbj.jpg) no-repeat center; margin-top:90px; background-size:100% 100%;}
.adtop{ width:100%; }
.adTit{ padding-top:60px; float:left; width:50%; max-width:720px;}
.adTit img{ width:100%;}
.adtel{ float:right; margin-top:-31px; width:35%; max-width:510px;}
.adtel img{ width:100%;}
.adbot{ margin-top:120px; text-align: center; position: relative;}
.adyuan{ width:50%; margin-left:25%;}
.adyuan img{ width:100%;} 
.adbot ul li{ position: absolute; left:0px;top:50px;width:35%; }
.adbot ul li .adtext{ width:80%; height:70px; float:left; background:rgba(255,255,255,0.75) ;border-radius:10px; float:left; padding:0px 2%; line-height: 30px; color:#01519e;position: absolute;left:0px; top:20px; }
.adbot ul li .adtext p{ font-size:18px; margin-right:50px;}
.adbot ul li .adicon{ width:110px; height:110px; background:url(../images/adicon.png) no-repeat center; background-size:100% 100%; font-size:22px;color:#fff;position: absolute; top:0px; right:0px;  }
.adbot ul li .adicon p{padding-top:30px; }

.adbot ul li:nth-child(2){ top:330px; width:30%}
.adbot ul li:nth-child(3) { position: absolute; left:65%;top:50px;}
.adbot ul li:nth-child(3) .adtext{position: absolute; top:20px; left:50px;}
.adbot ul li:nth-child(3) .adtext p{  margin-left:50px; margin-right:0px;}
.adbot ul li:nth-child(3) .adicon{position: absolute; top:0px;left:0px; }
.adbot ul li:nth-child(4) { position: absolute; left:70%;top:330px; width:30%;}
.adbot ul li:nth-child(4) .adtext{position: absolute;left:50px; top:20px;}
.adbot ul li:nth-child(4) .adtext p{  margin-left:50px;margin-right:0px;}
.adbot ul li:nth-child(4) .adicon{position: absolute; top:0px;left:0px; }


/* honor */
.honor{ width:100%;  margin-top:100px; overflow: hidden;}
.honor .pubTit{ margin-bottom:40px; margin-top:20px;}
.honorLeft{ width:60%; float:left;}
.honorLeft img{ width:100%;}
#marquee3{width:100%;height:auto;overflow:hidden; margin:0px auto; padding-top:20px;}
#marquee3 ul li{width:150px; float:left; padding:0 10px; text-align:center;}
#marquee3 ul li img{ width:100%;}
#marquee3 ul li p{width:100%; color:#333;}
#marquee3 ul li:hover p{ color:#01519e;}
.honorRig{ width:38%; float:right; height: 720px; overflow: hidden;}
.honorRig img{ width:100%;}

/* delivery */
.delivery{ width:100%; height:720px; background:url(../images/fahuobj.jpg) no-repeat center; margin-top:80px; }
#marquee1{width:100%;height:600px;overflow:hidden; margin:0px auto; margin-top:50px; }
#marquee1 ul li{width:510px; height: 360px; float:left; padding:0 10px; text-align:center; }
#marquee1 ul li img{width:100%; min-height: 360px; overflow: hidden;}
#marquee1 ul li p{width:100%; color:#fff; font-size:18px; line-height: 45px; height: 45px; background:#01519e; margin-top:-5px; transition:0.5s;}
#marquee1 ul li:hover p{ background:#dc0000;}


/* news */
.news{ width:100%; height: 650px;background:#f8f8f8; margin-top:-60px;}
.news .pubTit{ padding-top:60px; margin-bottom:30px;}
.newsIndex{ width:100%;}
.newsIndex li{ width:46%; float:left; background:#fff; padding:1%; transition:0.5s; margin:1%;}
.newsIndex li .newLimg{ width:30%; float:left; overflow: hidden;}
.newsIndex li .newLimg img{ width:100%; transition:0.5s;}
.newsIndex li .newsRtext{ width:68%; float:right;}
.newsIndex li .newsRtext h3{ font-size:18px; color:#333; margin-bottom:10px;}
.newsIndex li .newsRtext i{ width:20%; height: 1px; background:#dc0000; display: block; margin-bottom:15px; transition:0.75s;}
.newsIndex li .newsRtext p{ font-size:15px; color:#555; line-height: 25px;}
.newsIndex li .newsRtext span{ font-size:16px; color:#333; font-weight: 600; display: block; margin-top:10px;}

.newsIndex li:hover{ background:#dc0000;}
.newsIndex li:hover .newLimg img{ transform: scale(1.1);}
.newsIndex li:hover .newsRtext h3{ color:#fff;} 
.newsIndex li:hover .newsRtext i{ width:100%; background:#fff;}
.newsIndex li:hover .newsRtext p{ color:#eee;}
.newsIndex li:hover .newsRtext span{ color:#fff;}

.newsIndex li:nth-child(2n){ margin-right:0px;}

/* footer */
footer { width:100%; height:400px ; background:#464747; background-size:100% 100%;}
footer .fNav{ width:100%; height: 60px; line-height: 60px; border-bottom:1px solid rgba(255,255,255,0.45);}
footer .fNav li{ float:left; width:14.28%; line-height:60px; text-align:center;}
footer .fNav li a{ width:100%; height:60px; color:#fff; font-size:16px; display:block; }
footer .fNav li:hover{ background:#e60a14; }
.fcon{width:100%; margin-top:30px; }
.flogo{ width:30%; float:left; margin-top:60px;}
.flogo img{ width:100%;}
.flianxi{ width:35%; float:left; margin-left:10%; margin-right:5%;}
.flianxi b{ font-size:30px; color:#fff; margin-bottom:10px;}
.flianxi p{ font-size:16px; color:#fff; line-height: 45px;}
.flianxi p i{ width:25px; height: 25px; float: left; margin-top:7px; margin-right:5px;}
.flianxi p i img{ width:100%;}
.ewm{ width:15%; float: right; font-size:15px; color:#fff; text-align: center; line-height: 35px;}
.ewm img{ width:100%;}


/* copy */
.copy { width:100%; height: 40px; background:#282828; text-align: center; }
.copy p{ color:#fff; font-size:14px; line-height:40px; text-align: center;}
.copy b{ font-weight: 500; }
.copy b a{ color:#fff;}
.social_nav5{ display: none;}

/* ****************************************************************************************内页样式 ******************************************************************************/
.neibanner{ width:100%; position: relative; top:120px;}
.neibanner img{ width:100%;}

/* pubNei */
.pubNei{ width:100%; margin-top:120px; margin-bottom:30px; } 
.pubNei .position{ width:100%; height: 60px; line-height: 60px; border-bottom:1px solid #01519e; margin-bottom:30px; position: relative; z-index: 9;;}
.pubNei .position h2{ font-size:32px; color:#fff; float: left; width:300px; height: 137px; text-align: center; line-height: 137px; background:url(../images/neititbj.png) no-repeat center; background-size:100% 100%; margin-top:-77px;}
.pubNei .position h2 span{ font-size:22px; color:#fff; font-weight: 500; }
.pubNei .position p{ font-size:16px; color:#666; float:right;}
.pubNei .position p i{ float:left;}
.pubNei .position p a{ font-size:16px; color:#666;}
.pubNei .position p a:hover{ color:#dc0000;}

.abNeitext{ font-size:17px; color:#333; line-height: 40px; text-indent: 2em; text-align: justify;}
.abNeitext img{ text-indent: 0em;}


/* proList */
.honorList{ width:100%; overflow:hidden;margin-top:30px;}
.honorList ul{width:100%; }
.honorList ul li{ width:23%; height:auto;  float:left; margin-right:2.6%; margin-bottom:35px; overflow:hidden; text-align:center; position: relative;}
.honorList ul li:nth-child(4n){ margin-right:0px;}
.honorList ul li .propic{ width:100%; height:auto; overflow:hidden; }
.honorList ul li .propic img{ display:block; width:100%; transition:0.5s; }
.honorList ul li:hover .propic img{ transform:scale(1.1);}
.honorList ul li h4{ height:48px;  font-size:17px; color:#333; font-weight:500; text-align:center; line-height:48px; width:100%; transition:0.5s;}
.honorList ul li:hover h4{ color:#01519e;}

/* pronei */
.proNeicon{ width:100%; margin-top:50px;}
.proNeicon h2{ width:100%; height: 45px; color:#333; border-bottom:1px solid #ddd; margin-bottom:30px;  text-align: center;}
.proNeicon .projianjie{ width:100%; text-align: center; font-size:16px; color:#333; line-height: 30px;  }
.proNeicon .projianjie .proXiangqing {text-align: left !important; margin-top:50px; }
.proNeicon .projianjie .proXiangqing h3{ font-size:24px; width:100%; border-bottom:1px solid #01519e; height: 60px; margin-bottom:20px; }
.proNeicon .projianjie .proXiangqing h3 span{ width:20%; height: 60px; background:#01519e; display: block; color:#fff; text-align: center; line-height: 60px; }



.proList ul li .videopic{ width:100%; height:181px !important; overflow:hidden; }
.proList ul li .videopic img{ display:block; width:100%; transition:0.5s; min-height:181px !important;}

/* newList */
.newList{ width:100%; margin-top:30px;}
.newList ul li{ width:100%; height:260px; padding:20px 0px; transition:0.75s;}
.newList ul li .newLpic{ width:26%; float: left; }
.newList ul li .newLpic img{ width:100%; height: auto;}
.newList ul li .newLrig{ width:70%; float:right;}
.newList ul li .newLrig h3{ font-size:22px; color:#333; margin-top:20px;}
.newList ul li .newLrig span{ font-size:16px; color:#666; display: block; margin: 10px 0px;}
.newList ul li .newLrig p{ font-size:16px; color:#333; line-height: 30px;}
.newList ul li .newLrig .newlmore{ width:40%; height: 40px; border-radius:20px; background-color: #dc0000; text-align: center; line-height: 40px; margin-top:15px; transition:0.75s; }
.newList ul li .newLrig .newlmore a{font-size:16px; color:#fff;  display: block;}

.newList ul li:hover{ background:rgba(1,81,158,0.85); }
.newList ul li:hover h3{ color:#fff;}
.newList ul li:hover span{ color:#fff;}
.newList ul li:hover p{ color:#fff;}
.newList ul li .newLrig .newlmore:hover { background:#fff;}
.newList ul li .newLrig .newlmore:hover a{ color:rgba(1,81,158,1); }


.newNeitext{ width:100%; text-align: center;}
.newNeitext h2{ font-size:20px; color:#333; margin-bottom:15px;}
.fdate { width:100%; }
.fdate p{ font-size:15px; color:#666; display: inline;}
.newjianjie{ font-size:16px; color:#333; line-height: 30px; text-align: left; text-indent: 2em; margin-top:20px;}

.pian{ width:100%; font-size:17px; color:#333; margin-top:30px; }
.pian p{ line-height: 35px;}
.pian p a{ color:#333;}
.pian p a:hover{ color:#dc0000;}

.contactli{ width:100%; overflow: hidden;}
.contactli ul li{ width:24%; margin-right:1.3%; float:left; text-align: center;}
.contactli ul li:nth-child(4){ margin-right:0px;}
.contactli ul li .conicon img{ width:23%;  }
.contactli ul li p{ font-size:18px; color:#333; line-height: 45px;}
.contactli ul li p span{ font-size:22px; color:#dc0000; font-weight: 600;}



@media screen and (min-width: 1200px) and (max-width: 1450px){

.pubCon{ width:1200px; margin: 0 auto;}
.pubTit{ width:100%; text-align: center; margin-top:60px;}

/* header */
header{ width:100%; height:100px; }
header #logo{margin-top:25px;}
nav ul li{line-height:100px;}
nav ul li a{  height:100px;  }


nav dl dd{  padding-bottom:65px;}


.topTel{ float:right; width:20%; margin-top:20px;}
.topTel img{width:40px; height:40px; float:left; margin-right:5px; margin-top:10px; }
.topTel p{ font-size:14px; color:#666; margin-bottom:5px;}
.topTel b{ font-size:24px; color:#dc0000;}

/* product */
.proList ul li .propic{height:194px; }
.proList ul li .propic img{  min-height:194px;}

/* about */
.abLeft{ width:1200px; }

/* advantages */
.adtel{ float:right; margin-top:-25px;}

/* honor */
.honorRig{height: 640px;}

/* delivery */
.delivery{ height:560px;  }
#marquee1{width:100%;height:600px; }
#marquee1 ul li{width:360px; height: 254px;}
#marquee1 ul li img{width:100%; min-height: 254px; overflow: hidden;}


/* 内页 */
.neibanner{ width:100%; position: relative; top:100px;}
.newList ul li .newLrig h3{ font-size:22px; color:#333; margin-top:0px;}
.newList ul li:hover .newLrig h3{ color:#fff;}

.proList ul li .videopic{ width:100%; height:155px !important; overflow:hidden; }
.proList ul li .videopic img{ display:block; width:100%; transition:0.5s; min-height:155px !important;}

}



@media screen and (min-width: 992px) and (max-width: 1200px){

  .pubCon{ width:96%; padding:0 2% 0 2%; margin: 0 auto;}
  .pubTit{ width:60%; text-align: center; margin-top:50px;  margin-left:20%;}
  .pubTit img{ width:70%; }
  header{ width:100%; height:90px; }
  header #logo{ width:25%; float:left; margin-top:20px; margin-left:2%;}
  header nav{ display:none; position:absolute;z-index: 9999; width:100%; top:90px; left:0; background:rgba(0,0,0,0.5);margin-left:0px;}
  header nav ul{ width:100%; margin-left:0px; float:none; }
  header ul li{ float:none;width:100%;text-align: center; line-height: 45px; border-bottom: 1px solid rgba(255,255,255,0.3); height: 45px;}
  header nav ul li a{  line-height:45px; color:#fff; height: 45px;} 
  header nav ul li b{ font-weight: 500; display: block;}
  header nav ul li span{ display: none;}
  header .topTel{ display: none;}

  header .btn{ width:50px; height: 50px; border:1px solid #888; position:absolute; right:10px; top:13px; border-radius:3px;overflow: hidden; display:block;  }
header .btn i{ width:44px; height:44px; display:block; margin:4px auto; }
header .btn i img{ width: 100%; height: auto;}
nav ul li:hover dl{ display:none;}

.proList{ width:100%; overflow:hidden;margin-top:30px;}
.proList ul{width:100%; }
.proList ul li{ width:30%; }
.proList ul li:nth-child(3n){ margin-right:0px;}
.proList ul li:nth-child(4n){ margin-right:2.6%;}
.proNav ul li{ width:31.5%;}


/* about */
.about .pubTit{ margin-top:-100px;}
.about .abCon{position:absolute; z-index:9; top:160px;}
.abLeft{ width:96%; padding:0 2% 0 2%; float:left; color:#fff;font-size:17px; line-height:35px; ;}
.abLeft ul li b{  margin-top:0px; }

/* advantages */
.advantages{ width:100%; height:650px; }
.adTit{ padding-top:40px; float:left; width:60%;}
.adtel{ float:right; margin-top:-18px;}
.adbot{ margin-top:100px; text-align: center; position: relative;}
.adbot ul li .adicon{ width:100px; height:100px;  font-size:20px; }
.adbot ul li .adtext{ width:80%; height:70px;  left:0px; top:20px; }
.adbot ul li .adtext p{ font-size:14px; }
.adbot ul li:nth-child(2){ top:270px; width:35%}
.adbot ul li:nth-child(4) { position: absolute; left:65%;top:270px; width:35%;}

/* honor */
.honor{ width:100%;  margin-top:60px; overflow: hidden;}
.honor .pubTit{ margin-top:50px;}
.honorRig{height: 539px;}


.proList ul li .videopic{ width:100%; height:162px !important; overflow:hidden; }
.proList ul li .videopic img{ display:block; width:100%; transition:0.5s; min-height:162px !important;}

/* delivery */
.delivery{ height:500px;  }
#marquee1{width:100%;height:600px; }
#marquee1 ul li{width:300px; height: 212px;}
#marquee1 ul li img{width:100%; min-height: 212px; overflow: hidden;}


/* footer */
.flianxi h1{ font-size:24px;}
.ewm{margin-top:30px;}

.flianxi p{ font-size:14px; line-height: 40px;}


/* ****************************************************************************************内页样式 ******************************************************************************/
.neibanner{ width:100%; position: relative; top:120px;}
.neibanner img{ width:100%;}

.honorList{ width:100%; overflow:hidden;margin-top:30px;}
.proLhonorListist ul{width:100%; }
.honorList ul li{ width:30%; }
.honorList ul li:nth-child(3n){ margin-right:0px;}
.honorList ul li:nth-child(4n){ margin-right:2.6%;}

}



@media screen and (max-width: 992px){

  .pubCon{ width:96%; padding:0 2% 0 2%; margin: 0 auto;}
  .pubTit{ width:90%; text-align: center; margin-top:50px;  margin-left:5%;}
  .pubTit img{ width:100%; }
  header{ width:100%; height:60px; }
  header #logo{ width:40% !important; float:left; margin-top:10px; margin-left:2%;}
  header nav{ display:none; position:absolute;z-index: 9999; width:100%; top:60px; left:0; background:rgba(0,0,0,0.5);margin-left:0px;}
  header nav ul{ width:100%; margin-left:0px; float:none; }
  header ul li{ float:none;width:100%;text-align: center; line-height: 45px; border-bottom: 1px solid rgba(255,255,255,0.3); height: 45px;}
  header nav ul li a{  line-height:45px; color:#fff; height: 45px;} 
  header nav ul li b{ font-weight: 500; display: block;}
  header nav ul li span{ display: none;}
  header .topTel{ display: none;}

  header .btn{ width:40px; height: 40px; border:1px solid #888; position:absolute; right:10px; top:13px; border-radius:3px;overflow: hidden; display:block;  }
header .btn i{ width:34px; height:34px; display:block; margin:4px auto; }
header .btn i img{ width: 100%; height: auto;}

nav ul li:hover dl{ display:none;}

.banner{ position: relative;top:60px; left:0px; z-index:1;z-index: 1; }

.product .pubTit img{ margin-top:30px;}

.proNav ul li{ width:48%; float:left; text-align: center; line-height: 40px; height: 40px; margin-right:1.2%; font-size:12px; overflow: hidden; margin-bottom:5px;}
.proNav ul li:nth-child(2n){ margin-right:0px; }
.proNav ul li:nth-child(3n){ margin-right:1.2%; }

.proList{ width:100%; overflow:hidden;margin-top:30px;}
.proList ul{width:100%; }
.proList ul li{ width:48%; margin-bottom:15px;}
.proList ul li:nth-child(2n){ margin-right:0px;}
.proList ul li .propic{height:122px; }
.proList ul li .propic img{  min-height:122px;}


/*about*/
.about{ width:100%; height:640px; overflow:hidden; margin-top:50px; position:relative;}
.zheshi{ width:100%; height:680px; background:rgba(0,0,0,0.35); position:absolute; top:0px;}
.about .pubTit{ position: relative; top:0px; z-index: 9; width:70%; margin-left:15%; margin-top:30px;}
.about .abCon{position:absolute; z-index:9;top:0px;}
.abLeft{ width:96%;padding:0 2% 0 2%; float:left; color:#fff;font-size:14px; line-height:30px; text-indent: 0em ;}
.abLeft ul{ margin-top:20px;}
.abLeft ul li{ width:25%; text-align:center; float:left;}

.shipinbj{display: none !important;}
.show_sj{ display:block !important;}

.case .swiper-slide h4{ width:100%; height:35px; line-height: 35px; background:#01519e; text-align: center; color:#fff; font-size:14px; font-weight: 500; margin-top:-5px;}


/*数字*/
.fl_listbox{ display: none;}
.fl_list{ display: none;}
.fl_tit .div1 .span1{font-size: 30px;color: #fff;font-family: 'impact';}
.fl_tit .div1 .span3{font-size: 24px;color: #fff;font-family: "impact";}
.fl_tit .div2 .span2{font-size: 14px;color: #fff; display:block;}


/*youshi*/
.advantages{ width:100%; height:540px; background:url(../images/adbj.jpg) no-repeat center; margin-top:40px; background-size:100% 100%;}
.adtop{ width:100%; }
.adTit{ padding-top:10px; float:left; width:60%; max-width:720px;}
.adTit img{ width:100%;}
.adtel{ float:right; margin-top:-8px; width:35%; max-width:510px;}
.adtel img{ width:100%;}
.adbot{ margin-top:120px; text-align: center; position: relative;}
.adyuan{display: none;}
.adbot{ margin-top:30px; }
.adbot ul li{ position: absolute; left:0px;top:10px;width:100%; }
.adbot ul li .adtext{ width:80%; height:70px; float:left;  float:left; padding:0px 2%; line-height: 30px; color:#01519e;position: absolute;left:0px; top:10px; }
.adbot ul li .adtext p{ font-size:14px; margin-right:50px;}
.adbot ul li .adicon{ width:90px; height:90px;  font-size:18px;color:#fff;position: absolute; top:0px; right:0px;  }
.adbot ul li .adicon p{padding-top:30px; }

.adbot ul li:nth-child(2){ top:230px; width:100%}
.adbot ul li:nth-child(3) { left:0%;top:130px;}
.adbot ul li:nth-child(4) { left:0%;top:330px; width:100%;}
.adbot ul li:nth-child(3) .adtext{ top:10px;}
.adbot ul li:nth-child(4) .adtext{ top:10px;}

.honor{ width:100%;  margin-top:40px; overflow: hidden;}
.honorLeft{ width:100%; float:none;}
.honorRig{display: none;}

/* delivery */
.delivery{ height:240px;  }
#marquee1{width:100%; }
#marquee1 ul li{width:100px; height:71px;}
#marquee1 ul li img{width:100%; min-height: 71px; overflow: hidden;}
#marquee1 ul li p{ font-size:14px; line-height: 30px; height: 30px;}

/* news */
.news{ width:100%; height: 520px;background:#f8f8f8; margin-top:-60px; display: none;}
.news .pubTit{ padding-top:60px; margin-bottom:30px;}
.newsIndex{ width:100%;}
.newsIndex li{ width:100%; float:none; background:#fff; padding:0%; transition:0.5s;  margin-bottom:5px; overflow: hidden;}
.newsIndex li .newLimg{ width:30%; float:left; overflow: hidden;}
.newsIndex li .newLimg img{ width:100%; transition:0.5s;}
.newsIndex li .newsRtext{ width:68%; float:right;}
.newsIndex li .newsRtext h3{ font-size:16px; color:#333; margin-bottom:10px;}
.newsIndex li .newsRtext p{display: none;}


/* footer */
footer { width:100%; height:370px ;}
footer .fNav{display: none;}

.fcon{width:100%; margin-top:30px; }
.flogo{ width:80%; float:left; margin-top:20px; margin-bottom:15px;}
.flogo img{ width:100%;}
.flianxi{ width:100%; float:left; padding:0 0 0 10px; margin-left:0%; margin-right:0%;}
.flianxi h1{ font-size:16px; color:#fff; margin-bottom:10px;}
.flianxi b {
    font-size: 24px;
    color: #fff;
    margin:15px 0 15px 0;
}
.flianxi p{ font-size:14px; color:#fff; line-height: 35px; margin:8px 0 8px 0;}
.flianxi p i{ width:25px; height: 25px; float: left; margin-top:7px; margin-right:5px;}
.flianxi p i img{ width:100%;}
.ewm{ display: none;}

/* copy */
.copy { width:100%; height: 60px; background:#282828; text-align: center;  margin-bottom:25px;}
.copy p{ color:#fff; font-size:14px; line-height:30px; text-align: center;}


/* 内页 */
.neibanner{ width:100%; position: relative; top:60px;}
.neibanner img{ width:100%;}

.abNeitext{ font-size:15px; color:#333; line-height: 40px; text-indent: 2em; text-align: justify;}
.abNeitext img{ text-indent: 0em; max-width:100% !important; height: auto !important;}

/* pubNei */
.pubNei{ width:100%; margin-top:80px; margin-bottom:30px; } 
.pubNei .position{ width:100%; height: 40px; line-height: 40px; border-bottom:1px solid #01519e; margin-bottom:30px; position: relative; z-index: 9;}
.pubNei .position h2{ font-size:24px; color:#fff; float: left; width:100%; height:40px; text-align: center; line-height: 40px; background:url(../images/neititbj.png) no-repeat center; background-size:100% 100%; margin-top:0px;}
.pubNei .position h2 span{ font-size:16px; color:#fff; font-weight: 500; }
.pubNei .position p{display: none;}
.pubNei .position p i{ float:left;}
.pubNei .position p a{ font-size:16px; color:#666;}
.pubNei .position p a:hover{ color:#dc0000;}
.proList ul li h4{ height:35px; background:#ddd; font-size:13px; color:#333; font-weight:500; text-align:center; line-height:35px; width:100%; transition:0.5s;}


/* pronei */
.proNeicon{ width:100%; margin-top:50px;}
.proNeicon h2{ width:100%; height: 45px; color:#333; border-bottom:1px solid #ddd; margin-bottom:30px;  text-align: center;}
.proNeicon .projianjie{ width:100%; text-align: center; font-size:16px; color:#333; line-height: 30px;  }
.proNeicon .projianjie img{ width:100%;}
.proNeicon .projianjie .proXiangqing {text-align: left !important; margin-top:50px; }
.proNeicon .projianjie .proXiangqing h3{ font-size:24px; width:100%; border-bottom:1px solid #01519e; height: 60px; margin-bottom:20px; }
.proNeicon .projianjie .proXiangqing h3 span{ width:50%; height: 60px; background:#01519e; display: block; color:#fff; text-align: center; line-height: 60px; }


.honorList{ width:100%; overflow:hidden;margin-top:30px;}
.honorList ul{width:100%; }
.honorList ul li{ width:48%; margin-bottom:15px;}
.honorList ul li:nth-child(2n){ margin-right:0px;}


.proList ul li .videopic{ width:100%; height:97px !important; overflow:hidden; }
.proList ul li .videopic img{ display:block; width:100%; transition:0.5s; min-height:97px !important;}


/* newList */
.newList{ width:100%; margin-top:30px; }
.newList ul li{ width:100%; height:auto !important; padding:10px 0px; transition:0.75s; margin-bottom:20px; border-bottom:1px solid #ddd;}
.newList ul li .newLpic{ display: none; }
.newList ul li .newLrig{ width:100%; float:none;}
.newList ul li .newLrig h3{ font-size:18px; color:#333; margin-top:20px;}
.newList ul li .newLrig p{ font-size:14px;line-height: 26px;}
.newList ul li .newLrig .newlmore{ width:100%; }

.newjianjie img{ max-width:100%; height: auto !important;}
.newjianjie{ font-size:16px; color:#333; line-height: 30px; text-align: left; text-indent: 0em !important ; margin-top:20px;}

.contactli{ width:100%; overflow: hidden;}
.contactli ul li{ width:100%; margin-right:0%; float:none; text-align: center; margin-bottom:10px; height: 60px;}
.contactli ul li:nth-child(3){ margin-right:0px;}
.contactli ul li .conicon img{ width:15%; float:left  }
.contactli ul li p{ font-size:16px; color:#333; line-height: 40px; width:83%; float:right;}
.contactli ul li p span{ font-size:22px; color:#dc0000; font-weight: 600;}


.social_nav5{ width:100%; height: 65px; background:#dc0000; position: fixed; bottom:0px; left:0px; margin-top:70px;z-index: 999; display: block;}
.social_nav5 ul li{ width:33%;background:#dc0000; height: 65px; float:left; text-align: center; border-right:1px solid #fff;  }
.social_nav5 ul li:nth-child(3n){ border:none;}
.social_nav5 ul li a{ font-size:14px; color:#fff; width:100%; }
.social_nav5 ul li a img{ display: block;width:30%; margin-left:35%;}

}